<template>
    <div>
        <h3>表单数据绑定</h3>
        <input type="text" v-model="message">
        <div>{{ message }}</div>
        <input type="text" v-model.lazy="message2">
        <div>{{ message2 }}</div>
        <input type="number" v-model.number="message3">
        <div>{{ message3 }}</div>
        <input type="text" v-model.trim="message4">
        <div>{{ message4 }}</div>
    </div>
</template>

<script>
export default {
    data () {
        return {
            message: "",
            message2: "",
            message3: "",
            message4: ""
        }
    },
}
</script>
